<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器实现图片的显示/隐藏设置</title>
    <link rel="stylesheet" href="../static/调试.svg" type="image/x-icon">
    <style>
/*        让HTML的textarea输入框前的文字，在输入框的顶部对齐*/
        span{
            vertical-align: top;
        }

        #d1:hover {
            color:blue;
        }
        #d12{
            display:none;
        }
        #d1:hover #d12{
            display:block;
        }

    </style>
</head>
<body>
    <form action="/user/register/success" method="post">
        <div>
            <label>账号:
                <input type="text" name="account">
            </label>
        </div>

        <div>
            <label>密码:
                <input type="text" name="password">
            </label>
        </div>

        <div>
            <label>邮箱:
                <input type="email" name="email">
            </label>
        </div>

        <div>
            <label><span>备注:</span>
                <textarea name="remark" cols="22" rows="10"></textarea>
            </label>
        </div>

<!--        设置了个斜体-->
        <div id="d1" style="font-size: 15px;font-style:italic">展示验证码
            <div id="d12">
                <img src="../static/yzm.jpg" alt="" width="300">
            </div>
        </div>

        <div>
            <label>验证码:
                <input type="text" name="captcha">
            </label>
        </div>


        <div>
            <input type="submit" value="提交">
        </div>
    </form>

</body>
</html>